<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
            font-family: 微软雅黑;
        }
        .zd{
            height: 36px;
            background-color: #353435;
            min-width: 1200px;
        }
        .zd1{
            height: 36px;
            background-color: #353435;
            width: 1200px;
            color:#605D5E;
            position: relative;

        }
        .zd1_1{
            font-size: 10px;
            line-height: 36px;
            margin-left: 0px;
            position: relative;
            width: 460px;
        }
        .zd1_2{
            font-size: 10px;
            line-height: 36px;
            position: absolute;top: 0px;right: 0px;
        }
        .zd1_2 a{
            color:#C1BEC0;
        }
        .tool{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            height: 20px;
            background-position:0px -268px;
        }

        .zd1_1 a{
            color:#C1BEC0;
        }
        a{text-decoration: none;}
        .logo{
            width: 1200px;
            height: 90px;
            position: relative;
        }
        .logo1{
            width: 150px;
            height: 40px;
            margin-top: 30px;
            margin-left: 0px;
        }
        .logo2{
            width: 536px;
            height:48px;
            margin-left: 480px;
            margin-top: -51px;

        }
        .mytext{
            width: 458px;
            height: 48px;
            border: 1px solid #2FAB3C;
            text-indent: 16px;
        }
        .mybutton{
            width: 76px;
            height: 50px;
            border:none;
            background-color: #2FAB3C;
            float: right;
        }
        .logo3{
            border: 1px solid #D9D8DA;
            width: 150px;
            height: 48px;
            position: absolute;right: 0px;top: -10px;
            background-color: #f6f6f6;
            font-size: 14px;
            line-height: 50px;
        }
        .myspan1{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            margin-left: 20px;
        }
        .myspan2{
            color: #c9c8ca;
        }
        .logo4{
            font-size: 14px;
            position: absolute;left: 480px;top: 56px;
        }
        .logo4 a{
            color:#9B989B;
        }
        .logo4 a:hover{
            color: #3b3b3b;
        }
        .daohang{
            width:1200px;
            height: 40px;
            position:relative;
        }
        .daohang1{
            width: 210px;
            background-color: #353435;
            height: 40px;
            color: white;
            position: absolute;left: 0px;
        }
        .dhdiv{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            width: 26px;
            height: 20px;
            background-position:0px -300px;
            position: absolute;left: 34px;top: 7px;
        }
        .daohang1>span{
            position: absolute;left: 68px;top: 7px;
        }
        .daohang2{
            height: 40px;
            line-height: 40px;
            margin-left: 248px;
        }
        .daohang2 a{
            color: black;
        }
        .dise{
            min-width: 1200px;
            border-top: 1px solid black;
        }
        .kuang{
            border: 1px solid #dddddd;
            width: 1200px;
            margin-top: 20px;
            height: 388px;
            margin-bottom: 30px;
        }
        .wenzi1{
            text-indent: 20px;
            font-size: 20px;
            line-height: 52px;
            height: 52px;
            border-bottom: 1px solid #dddddd;
        }
        .lvse{
            height: 42px;
            width: 1160px;
            margin-top: 20px;
            margin-left: 20px;
            background-color: #82c92f;
            line-height: 42px;
        }
        .xinxi{
            width: 540px;
            float: left;
            color: white;
            font-size:12px;
            text-indent: 20px;

        }
        .danjia{
            width: 165px;
            float: left;
            color: white;
            font-size:12px;
        }
        .shuliang3{
            width: 145px;
            float: left;
            color: white;
            font-size:12px;
        }
        .xiaoji{
            width: 170px;
            float: left;
            color: white;
            font-size:12px;
        }
        .caozuo{
            width: 140px;
            float: left;
            color: white;
            font-size:12px;
        }
        .lvse2{
            height: 90px;
            border: 1px solid #efefef;
            width: 1160px;
        }
        .lvsetu{
            width: 60px;
            float: left;
            height: 90px;
            margin-top: 20px;
            margin-left: 20px;
        }
        .wenzi2{
            font-size: 12px;
            float: left;
            color: #666566;
            width: 440px;
            height: 90px;
            line-height: 90px;
            margin-left: 10px;
        }
        .wenzi3{
            font-size: 20px;
            width: 130px;
            height: 90px;
            line-height: 90px;
            float: left;
        }
        .wenzi4{
            float:left;
            height: 20px;
            width: 20px;
            background-color: #86da4b;
            font-size: 24px;
            color: white;
            line-height: 20px;
            margin-left: 10px;
            margin-top: 35px;
        }
        .wenzi4>div{
            margin-left: 4px;
            margin-top: -2px;
        }
        .wenzi5{
            width: 52px;
            height: 20px;
            background-color: #f6f6f6;
            float: left;
            border: 1px solid #e8e8e9;
            margin-top: 34px;
            margin-left: 5px;
            text-align: center;
        }
        .wenzi5>div{
            margin-top: -1px;
        }
        .wenzi6{
            float:left;
            height: 20px;
            width: 20px;
            background-color: #86da4b;
            font-size: 24px;
            color: white;
            line-height: 20px;
            margin-left: 5px;
            margin-top: 35px;
        }
        .wenzi6>div{
            margin-top: -2px;
        }
        .wenzi7{
            float: left;
            font-size: 20px;
            color: #ff7800;
            margin-left: 50px;
            height: 90px;
            line-height: 90px;
            width: 196px;
        }
        .wenzi8{
            height: 90px;
            line-height: 90px;
            font-size: 12px;
            color: #666566;
        }
        .zongji{
            font-weight: bold;
            margin-top: 40px;
            float: right;
            margin-right: 20px;
        }
        .zongji>span{
            font-size: 36px;
            color: #ff7800;
        }
        .jiesuan{
            text-align: center;
        }
        .jixu{
            width: 140px;
            height: 38px;
            background-color: #f6f6f6;
            color: #716f70;
            font-size: 20px;
            float: right;
            margin-top: 112px;
            line-height: 35px;
            border-radius: 5px;
            border: 1px solid #efefef;
            margin-right: -85px;


        }
        .jiesuan1{
            width: 140px;
            height: 38px;
            background-color: #ff8301;
            color: white;
            font-size: 20px;
            float: right;
            margin-top: 112px;
            line-height: 35px;
            border-radius: 5px;
            border: 1px solid #efefef;
            margin-left: 15px;
            margin-right: -240px;
        }

        .dibu{
            height: 410px;
            min-width: 1200px;
            border-top: 1px solid #ede7e9;
        }
        .dibutop{
            width: 1200px;
            height: 78px;
            position: relative;
            margin-top: 15px;
        }
        .dibuzhongg{
            min-width: 1200px;
            height: 250px;
            position: relative;
            border: 1px solid #ede7e9;
        }
        .dibuzhong{
            width: 1200px;
            height: 250px;
        }
        .dibubottom{
            width: 1200px;
            height: 80px;
            line-height: 80px;
            text-align: center;
        }
        .dibubottom>div{
            color: #858588;
            font-size: 12px;
        }
        .dibutop1{
            width: 299px;
            height: 60px;
            float: left;
            border-right: 1px solid #ede7e9;
            margin-top: 2px;
        }
        .dibutop2{
            width: 299px;
            height: 60px;
            float: left;
            margin-top: 2px;
        }

        .toptu1{
            margin-top: 12px;
            margin-left: 80px;
        }
        .toptu2{
            margin-top: 12px;
            margin-left: 80px;
        }
        .shuzi{
            font-size: 18px;
            color: #2fab3c;
            margin-left: 95px;
            margin-top: -36px;
        }
        .shuzi2{
            font-size: 18px;
            color: #2fab3c;
            margin-left: 91px;
            margin-top: -36px;
        }
        .shuziwenzi{
            font-size:18px;
            margin-left: 130px;
            margin-top: -24px;
        }
        .dibuzhong1{
            width: 200px;
            height: 250px;
            float: left;
        }
        .dibuzhong1_1{
            width: 200px;
            height: 35px;
            margin-top: 35px;
            line-height: 30px;
        }
        .dibuzhong1_2{
            width: 200px;
            height: 30px;
            font-size: 12px;
            line-height: 30px;
        }
        .dibuzhong1_2 a{
            color: #858588;
        }
        .dibuzhong1_3{
            width: 200px;
            height: 35px;
            margin-top: 20px;
            line-height: 30px;
        }

    </style>
</head>
<body>
<div class="zd">
    <div class="zd1">
        <div class="zd1_1">
            <a href="#">大客户采购</a>　
            <a href="#">帮助中心</a>　
            <a href="#">收藏本站</a>　
            <a href="#">商品入驻</a>　
            <a href="#">老人手环申请</a>　
            <a href="#" class="tool">　　 手机商城</a></div>
        <div class="zd1_2">
            <a href="#">登录</a>　
            <a href="#">注册</a>　|　
            <a href="#">F码购买</a>　
            <a href="#">我的订单</a>
        </div>
    </div></div>

    <div class="logo">
        <div class="logo1"><img src="../rouimg/quanju/logo.png" style="height: 46px;"></div>
        <div class="logo2">
            <input type="text" class="mytext" value="极米无屏电视" style="color:#9B989B; font-size: 14px;">
            <button class="mybutton"><img src="../img/seach_03.png"style="width: 22px;height: 24px;"></button>
        </div>
        <div class="logo3"><span class="myspan1">　　我的购物车</span><span class="myspan2">(0)</span></div>
        <div class="logo4">
            <a href="#">手机N4A</a>
            <a href="#">儿童手表5C</a>
            <a href="#">儿童机器人</a>
            <a href="#">安全路由器5G</a>
        </div>
    </div>
    <div class="daohang">
        <div class="daohang1"><div class="dhdiv"></div><span>全部智能酷品</span></div>
        <div class="daohang2">
            <a href="#">手机</a>　
            <a href="#">行车记录仪</a>　
            <a href="#">儿童手表</a>　
            <a href="#">摄像机</a>　
            <a href="#">路由器</a>　
            <a href="#">儿童机器人</a>　
            <a href="#">老人手表</a>　
            <a href="#">智品牌</a>　
            <a href="#">社区</a></div>
    </div>

<div class="dise">
    <div class="kuang">
        <div class="wenzi1">我的购物车</div>
        <div class="lvse">
            <div class="xinxi">商品信息</div>
            <div class="danjia">单价</div>
            <div class="shuliang3">数量</div>
            <div class="xiaoji">小计</div>
            <div class="caozuo">操作</div>
        </div>
        <div class="lvse2">
            <div class="lvsetu"><img src="../rouimg/gouwu/car_shop.jpeg" style="height: 60px;width: 70px;"> </div>
            <div class="wenzi2">普宙BYRD Premium1.0专业四轴航拍无人机 尊爵黑（四轴 1080P相机折叠）</div>
            <div class="wenzi3">6488.00元</div>
            <div class="wenzi4"><div>-</div></div>
            <div class="wenzi5"><div>1</div></div>
            <div class="wenzi6"><div>+</div></div>
            <div class="wenzi7">6488.00元</div>
            <div class="wenzi8">删除</div>
        </div>
        <div class="zongji">商品总计：<span>6488.00</span>元</div>
        <a href="roupeisong.html"><div class="jiesuan">
            <div class="jiesuan1">去结算</div>
            <div class="jixu">继续购物</div>
        </div></a>
    </div>
</div>
<div class="dibu">
<div class="dibutop">
    <div class="dibutop1">
        <img class="toptu1" src="../rouimg/quanju/yuan.png">
        <div class="shuzi">7</div>
        <div class="shuziwenzi">7天无理由退货</div>
    </div>
    <div class="dibutop1">
        <img class="toptu1" src="../rouimg/quanju/yuan.png">
        <div class="shuzi2">15</div>
        <div class="shuziwenzi">15天免费换货</div>
    </div>
    <div class="dibutop1">
        <img class="toptu1" src="../rouimg/quanju/yuan.png">
        <div class="shuzi2">包</div>
        <div class="shuziwenzi">满99元包邮</div>
    </div>
    <div class="dibutop2">
        <img class="toptu2" src="../rouimg/quanju/yuan.png">
        <div class="shuzi2">服</div>
        <div class="shuziwenzi">手机特色服务</div>
    </div>
</div>
<div class="dibuzhongg">
    <div class="dibuzhong">
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">帮助中心</div>
            <div class="dibuzhong1_2"><a href="#">用户注册</a></div>
            <div class="dibuzhong1_2"><a href="#">用户登录与密码找回</a></div>
            <div class="dibuzhong1_2"><a href="#">购买指南</a></div>
            <div class="dibuzhong1_2"><a href="#">支付方式</a></div>
            <div class="dibuzhong1_2"><a href="#">配送与说明</a></div>
        </div>
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">售后服务</div>
            <div class="dibuzhong1_2"><a href="#">7 日无理由退货</a></div>
            <div class="dibuzhong1_2"><a href="#">质量问题 15 日内换货</a></div>
            <div class="dibuzhong1_2"><a href="#">保修条款</a></div>
            <div class="dibuzhong1_2"><a href="#">服务流程</a></div>
            <div class="dibuzhong1_2"><a href="#">安迷之家</a></div>
        </div>
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">特色服务</div>
            <div class="dibuzhong1_2"><a href="#">F码通道</a></div>
            <div class="dibuzhong1_2"><a href="#">360 生态</a></div>
        </div>
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">推广合作</div>
            <div class="dibuzhong1_2"><a href="#">商品入驻</a></div>
            <div class="dibuzhong1_2"><a href="#">大客户采购</a></div>
        </div>
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">关注柔柔商城</div>
            <div class="dibuzhong1_2"><a href="#">柔柔柔商城大事记</a></div>
        </div>
        <div class="dibuzhong1">
            <div class="dibuzhong1_1">联系我们</div>
            <div class="dibuzhong1_3">
                <a href="#"><img src="../rouimg/quanju/onserver.png"></a>&nbsp;
                <a href="#"><img src="../rouimg/quanju/weixin.png"></a>&nbsp;
                <a href="#"><img src="../rouimg/quanju/xinlang.png"></a>
            </div>
        </div>
    </div></div>
<div class="dibubottom">
    <div>柔柔柔商城&copy;2013-2016 公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号</div>
</div></div>
</body>
</html>